<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2602414" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">全部事项-选中</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">未处理订单</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">待办事项-2</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">未打卡</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">已处理</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">加号1</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">视频播放</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d4;</span>
                <div class="name">进入箭头2小</div>
                <div class="code-name">&amp;#xe8d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0d;</span>
                <div class="name">箭头_左右切换</div>
                <div class="code-name">&amp;#xeb0d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">事情申请表单复制</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">密度图</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">搜索文件</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">案件类型</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">chartheat</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">热力图</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">面积</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">空间</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">垂直距离</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">水平距离</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">12三角形</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">引擎_距离</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">chizi</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">测量</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe832;</span>
                <div class="name">ruler</div>
                <div class="code-name">&amp;#xe832;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">全图</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">热力图</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">清除</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xee2f;</span>
                <div class="name">底图</div>
                <div class="code-name">&amp;#xee2f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">icon-ditu</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">量算</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe98f;</span>
                <div class="name">角度</div>
                <div class="code-name">&amp;#xe98f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">icon_qingchu</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">列表搜素</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">密码 锁</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">手机号</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">派出所</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">jianduguanli</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">zuku</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf71b;</span>
                <div class="name">幼儿园</div>
                <div class="code-name">&amp;#xf71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea79;</span>
                <div class="name">爬山</div>
                <div class="code-name">&amp;#xea79;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">产品类别设置 goods/ppe/category</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">身份码</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">用户记录查询</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">场所码</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">森林火灾</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">火</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">menu-unfold</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">menu-fold</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">eye-off-line</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">lock-line</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e5;</span>
                <div class="name">eye-line</div>
                <div class="code-name">&amp;#xe9e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3d;</span>
                <div class="name">user-line</div>
                <div class="code-name">&amp;#xea3d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86f;</span>
                <div class="name">settings-3-line</div>
                <div class="code-name">&amp;#xe86f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">delete-bin-4-line</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xef27;</span>
                <div class="name">apps-line</div>
                <div class="code-name">&amp;#xef27;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea05;</span>
                <div class="name">question-line</div>
                <div class="code-name">&amp;#xea05;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">brush-2-line</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">close-line</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">exit-fullscreen</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">translate</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">notification</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">已办</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">发布需求</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">待办_fill</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">待办2-面性</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">copyright</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">没有订单</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">企业2</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">党务公开1</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">节目概况</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">事件</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">办结</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">会议议题提报</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">民生</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">档案办理</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">实有人口</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">综合治理</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">事务公示</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">安全运行体系报告</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">档案管理-档案借用</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">植物</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">堆积</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">保护：耕地与永久基本农田</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">历史记录</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">人口</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">警察</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">数据大屏</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b1;</span>
                <div class="name">开户数</div>
                <div class="code-name">&amp;#xe8b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">常驻</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">党员捐款</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe99c;</span>
                <div class="name">文档</div>
                <div class="code-name">&amp;#xe99c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">图层</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">督办</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">请假</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">延期</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe887;</span>
                <div class="name">公示公开</div>
                <div class="code-name">&amp;#xe887;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">其他</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe878;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe878;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ae;</span>
                <div class="name">异常考勤流程-06</div>
                <div class="code-name">&amp;#xe9ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">审批大厅-看板（可公用）</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe898;</span>
                <div class="name">日常费用</div>
                <div class="code-name">&amp;#xe898;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">党费</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">icon／经济</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">政府监管</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabc;</span>
                <div class="name">二级-政务云</div>
                <div class="code-name">&amp;#xeabc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">抽查检查</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">案件</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">教育</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">警察</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">公章</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea9d;</span>
                <div class="name">积分管理</div>
                <div class="code-name">&amp;#xea9d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">简介</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf0a0;</span>
                <div class="name">检查</div>
                <div class="code-name">&amp;#xf0a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">会议</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">市长信箱</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">党建_班子建设</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">结果检查</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3f;</span>
                <div class="name">会议</div>
                <div class="code-name">&amp;#xea3f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">讲堂</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">党费统计</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">跟进</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">监管风控1</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">文档输出</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">待处理</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">填写增加编辑</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">页面刷新</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">信息添加</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">个人信息</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">公告通知</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">违章禁止</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">内容错误</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">数据看板</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">公告信息</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">婴儿</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">信息列表</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">企业老板领导</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">奖杯星级评定</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">文件盖章</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">供应商</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">功勋表彰</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">楼房</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">填写</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">公司企业楼房</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">公司企业老板</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">文件完成</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">公司企业楼房</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">政府</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">活动旗帜</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">数据输出</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">毕业博士</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">法律</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">公司链接</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">法律公平</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">星级评定表彰</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">通知公告</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">功勋表彰</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">多人众人</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">打印内容</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">文档</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">盖章</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">查看眼睛</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">说明注释</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">毕业学历</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">军人军属</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">政府大楼</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">目录</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">进行中</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">实景酷-人数</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">发起验收</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a3;</span>
                <div class="name">榜单2</div>
                <div class="code-name">&amp;#xe8a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea06;</span>
                <div class="name">所属乡村</div>
                <div class="code-name">&amp;#xea06;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">营销管理-订单管理</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">信封2</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">通知2</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">信封-开-实</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">任务管理</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">工作任务</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">WBS-进入</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">提升服务</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">3.0-相机</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">填报</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">卫星</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">群众</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">自治云</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">党建扶贫</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">榜样掠影</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">印章</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">旅游发布</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea2b;</span>
                <div class="name">防护</div>
                <div class="code-name">&amp;#xea2b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">物质环境监测</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">运营分析</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">Volunteer</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">任务处理</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">资讯</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8df;</span>
                <div class="name">传感器2</div>
                <div class="code-name">&amp;#xe8df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">医疗健康</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">161加热、火焰</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">城集镇居民</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf75f;</span>
                <div class="name">疫情服务</div>
                <div class="code-name">&amp;#xf75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">信访</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">督办事项</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">信访人员</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">积分商城1</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">资金池归集设置</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">商品管理</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf481;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xf481;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">企业_面性</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">能耗监测</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">巡查-实色</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">企业</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">工具箱</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">gis_一张图管理</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">统计分析</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">随手拍</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">安全生产系统</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea39;</span>
                <div class="name">咨询管理</div>
                <div class="code-name">&amp;#xea39;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">社区管理</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">资讯管理</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">首页-选中</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">随手拍</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">新闻管理</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1718958163997') format('woff2'),
       url('iconfont.woff?t=1718958163997') format('woff'),
       url('iconfont.ttf?t=1718958163997') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-quanbushixiang-xuanzhong"></span>
            <div class="name">
              全部事项-选中
            </div>
            <div class="code-name">.icon-quanbushixiang-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weichulidingdan"></span>
            <div class="name">
              未处理订单
            </div>
            <div class="code-name">.icon-weichulidingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinggao"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-jinggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-todo2"></span>
            <div class="name">
              待办事项-2
            </div>
            <div class="code-name">.icon-icon-todo2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weidaqia"></span>
            <div class="name">
              未打卡
            </div>
            <div class="code-name">.icon-weidaqia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yichuli"></span>
            <div class="name">
              已处理
            </div>
            <div class="code-name">.icon-yichuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weizhi"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.icon-weizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiahao1"></span>
            <div class="name">
              加号1
            </div>
            <div class="code-name">.icon-jiahao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shipinbofang"></span>
            <div class="name">
              视频播放
            </div>
            <div class="code-name">.icon-shipinbofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrujiantouxiao"></span>
            <div class="name">
              进入箭头2小
            </div>
            <div class="code-name">.icon-jinrujiantouxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_zuoyouqiehuan"></span>
            <div class="name">
              箭头_左右切换
            </div>
            <div class="code-name">.icon-jiantou_zuoyouqiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiqingshenqingbiaodanfuzhi"></span>
            <div class="name">
              事情申请表单复制
            </div>
            <div class="code-name">.icon-shiqingshenqingbiaodanfuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-midutu"></span>
            <div class="name">
              密度图
            </div>
            <div class="code-name">.icon-midutu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuowenjian"></span>
            <div class="name">
              搜索文件
            </div>
            <div class="code-name">.icon-sousuowenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anjian1"></span>
            <div class="name">
              案件类型
            </div>
            <div class="code-name">.icon-anjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chartheat"></span>
            <div class="name">
              chartheat
            </div>
            <div class="code-name">.icon-chartheat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-relitu1"></span>
            <div class="name">
              热力图
            </div>
            <div class="code-name">.icon-relitu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-area"></span>
            <div class="name">
              面积
            </div>
            <div class="code-name">.icon-area
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongjian"></span>
            <div class="name">
              空间
            </div>
            <div class="code-name">.icon-kongjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuizhijuli"></span>
            <div class="name">
              垂直距离
            </div>
            <div class="code-name">.icon-chuizhijuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuipingjuli"></span>
            <div class="name">
              水平距离
            </div>
            <div class="code-name">.icon-shuipingjuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaoxing"></span>
            <div class="name">
              12三角形
            </div>
            <div class="code-name">.icon-sanjiaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinqing_juli"></span>
            <div class="name">
              引擎_距离
            </div>
            <div class="code-name">.icon-yinqing_juli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chizi1"></span>
            <div class="name">
              chizi
            </div>
            <div class="code-name">.icon-chizi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquan2"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.icon-anquan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquan11"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.icon-anquan11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-celiang"></span>
            <div class="name">
              测量
            </div>
            <div class="code-name">.icon-celiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chizi"></span>
            <div class="name">
              ruler
            </div>
            <div class="code-name">.icon-chizi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quantu"></span>
            <div class="name">
              全图
            </div>
            <div class="code-name">.icon-quantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-relitu"></span>
            <div class="name">
              热力图
            </div>
            <div class="code-name">.icon-relitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingchu"></span>
            <div class="name">
              清除
            </div>
            <div class="code-name">.icon-qingchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu"></span>
            <div class="name">
              底图
            </div>
            <div class="code-name">.icon-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-ditu"></span>
            <div class="name">
              icon-ditu
            </div>
            <div class="code-name">.icon-icon-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liangsuan"></span>
            <div class="name">
              量算
            </div>
            <div class="code-name">.icon-liangsuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaodu"></span>
            <div class="name">
              角度
            </div>
            <div class="code-name">.icon-jiaodu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_qingchu"></span>
            <div class="name">
              icon_qingchu
            </div>
            <div class="code-name">.icon-icon_qingchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaosousu"></span>
            <div class="name">
              列表搜素
            </div>
            <div class="code-name">.icon-liebiaosousu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mimasuo"></span>
            <div class="name">
              密码 锁
            </div>
            <div class="code-name">.icon-mimasuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoujihao"></span>
            <div class="name">
              手机号
            </div>
            <div class="code-name">.icon-shoujihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoce-paichusuo"></span>
            <div class="name">
              派出所
            </div>
            <div class="code-name">.icon-zuoce-paichusuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianduguanli"></span>
            <div class="name">
              jianduguanli
            </div>
            <div class="code-name">.icon-jianduguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zukuneiqiantubiao"></span>
            <div class="name">
              zuku
            </div>
            <div class="code-name">.icon-zukuneiqiantubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youeryuan"></span>
            <div class="name">
              幼儿园
            </div>
            <div class="code-name">.icon-youeryuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pashan"></span>
            <div class="name">
              爬山
            </div>
            <div class="code-name">.icon-pashan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-goodsppecategory"></span>
            <div class="name">
              产品类别设置 goods/ppe/category
            </div>
            <div class="code-name">.icon-goodsppecategory
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenfenma"></span>
            <div class="name">
              身份码
            </div>
            <div class="code-name">.icon-shenfenma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghujiluchaxun"></span>
            <div class="name">
              用户记录查询
            </div>
            <div class="code-name">.icon-yonghujiluchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changsuoma"></span>
            <div class="name">
              场所码
            </div>
            <div class="code-name">.icon-changsuoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-senlinhuozai"></span>
            <div class="name">
              森林火灾
            </div>
            <div class="code-name">.icon-senlinhuozai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huo"></span>
            <div class="name">
              火
            </div>
            <div class="code-name">.icon-huo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-unfold"></span>
            <div class="name">
              menu-unfold
            </div>
            <div class="code-name">.icon-menu-unfold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-fold"></span>
            <div class="name">
              menu-fold
            </div>
            <div class="code-name">.icon-menu-fold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-off-line"></span>
            <div class="name">
              eye-off-line
            </div>
            <div class="code-name">.icon-eye-off-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lock-line"></span>
            <div class="name">
              lock-line
            </div>
            <div class="code-name">.icon-lock-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-line"></span>
            <div class="name">
              eye-line
            </div>
            <div class="code-name">.icon-eye-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-line"></span>
            <div class="name">
              user-line
            </div>
            <div class="code-name">.icon-user-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-settings--line"></span>
            <div class="name">
              settings-3-line
            </div>
            <div class="code-name">.icon-settings--line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete-bin--line"></span>
            <div class="name">
              delete-bin-4-line
            </div>
            <div class="code-name">.icon-delete-bin--line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-apps-line"></span>
            <div class="name">
              apps-line
            </div>
            <div class="code-name">.icon-apps-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-question-line"></span>
            <div class="name">
              question-line
            </div>
            <div class="code-name">.icon-question-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-brush--line"></span>
            <div class="name">
              brush-2-line
            </div>
            <div class="code-name">.icon-brush--line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-close-line"></span>
            <div class="name">
              close-line
            </div>
            <div class="code-name">.icon-close-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exit-fullscreen"></span>
            <div class="name">
              exit-fullscreen
            </div>
            <div class="code-name">.icon-exit-fullscreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fullscreen"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-fullscreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-translate"></span>
            <div class="name">
              translate
            </div>
            <div class="code-name">.icon-translate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notification"></span>
            <div class="name">
              notification
            </div>
            <div class="code-name">.icon-notification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiban"></span>
            <div class="name">
              已办
            </div>
            <div class="code-name">.icon-yiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabuxuqiu"></span>
            <div class="name">
              发布需求
            </div>
            <div class="code-name">.icon-fabuxuqiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daiban_fill"></span>
            <div class="name">
              待办_fill
            </div>
            <div class="code-name">.icon-daiban_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daiban2-mianxing"></span>
            <div class="name">
              待办2-面性
            </div>
            <div class="code-name">.icon-daiban2-mianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-copyright"></span>
            <div class="name">
              copyright
            </div>
            <div class="code-name">.icon-copyright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meiyoudingdan-01"></span>
            <div class="name">
              没有订单
            </div>
            <div class="code-name">.icon-meiyoudingdan-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiye2"></span>
            <div class="name">
              企业2
            </div>
            <div class="code-name">.icon-qiye2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dangwugongkai1"></span>
            <div class="name">
              党务公开1
            </div>
            <div class="code-name">.icon-dangwugongkai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiemugaikuang"></span>
            <div class="name">
              节目概况
            </div>
            <div class="code-name">.icon-jiemugaikuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              事件
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjie"></span>
            <div class="name">
              办结
            </div>
            <div class="code-name">.icon-banjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyiyititibao"></span>
            <div class="name">
              会议议题提报
            </div>
            <div class="code-name">.icon-huiyiyititibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minsheng"></span>
            <div class="name">
              民生
            </div>
            <div class="code-name">.icon-minsheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banli-weixuanzhong3x"></span>
            <div class="name">
              档案办理
            </div>
            <div class="code-name">.icon-banli-weixuanzhong3x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiyourenkou"></span>
            <div class="name">
              实有人口
            </div>
            <div class="code-name">.icon-shiyourenkou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu_zhzl"></span>
            <div class="name">
              综合治理
            </div>
            <div class="code-name">.icon-menu_zhzl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu_swgs"></span>
            <div class="name">
              事务公示
            </div>
            <div class="code-name">.icon-menu_swgs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanyunhangtixibaogao"></span>
            <div class="name">
              安全运行体系报告
            </div>
            <div class="code-name">.icon-anquanyunhangtixibaogao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danganguanli-danganjieyong"></span>
            <div class="name">
              档案管理-档案借用
            </div>
            <div class="code-name">.icon-danganguanli-danganjieyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiwu"></span>
            <div class="name">
              植物
            </div>
            <div class="code-name">.icon-zhiwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duiji"></span>
            <div class="name">
              堆积
            </div>
            <div class="code-name">.icon-duiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baohugengdiyuyongjiujibennongtian"></span>
            <div class="name">
              保护：耕地与永久基本农田
            </div>
            <div class="code-name">.icon-baohugengdiyuyongjiujibennongtian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lishijilu"></span>
            <div class="name">
              历史记录
            </div>
            <div class="code-name">.icon-lishijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghu"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-yonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renkou"></span>
            <div class="name">
              人口
            </div>
            <div class="code-name">.icon-renkou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingcha1"></span>
            <div class="name">
              警察
            </div>
            <div class="code-name">.icon-jingcha1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujudaping"></span>
            <div class="name">
              数据大屏
            </div>
            <div class="code-name">.icon-shujudaping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaihushu"></span>
            <div class="name">
              开户数
            </div>
            <div class="code-name">.icon-kaihushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changzhu"></span>
            <div class="name">
              常驻
            </div>
            <div class="code-name">.icon-changzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_home_donation"></span>
            <div class="name">
              党员捐款
            </div>
            <div class="code-name">.icon-icon_home_donation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wendang"></span>
            <div class="name">
              文档
            </div>
            <div class="code-name">.icon-wendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layers"></span>
            <div class="name">
              图层
            </div>
            <div class="code-name">.icon-layers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu17646"></span>
            <div class="name">
              督办
            </div>
            <div class="code-name">.icon-a-zu17646
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingjia"></span>
            <div class="name">
              请假
            </div>
            <div class="code-name">.icon-qingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanqi"></span>
            <div class="name">
              延期
            </div>
            <div class="code-name">.icon-yanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongshigongkai"></span>
            <div class="name">
              公示公开
            </div>
            <div class="code-name">.icon-gongshigongkai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qita"></span>
            <div class="name">
              其他
            </div>
            <div class="code-name">.icon-qita
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiandao1"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.icon-qiandao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yichangkaoqinliucheng-06"></span>
            <div class="name">
              异常考勤流程-06
            </div>
            <div class="code-name">.icon-yichangkaoqinliucheng-06
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shenpidating-kanbankegongyong"></span>
            <div class="name">
              审批大厅-看板（可公用）
            </div>
            <div class="code-name">.icon-a-shenpidating-kanbankegongyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-richangfeiyong"></span>
            <div class="name">
              日常费用
            </div>
            <div class="code-name">.icon-richangfeiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dangfei"></span>
            <div class="name">
              党费
            </div>
            <div class="code-name">.icon-dangfei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-iconjingji"></span>
            <div class="name">
              icon／经济
            </div>
            <div class="code-name">.icon-a-iconjingji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengfujianguan"></span>
            <div class="name">
              政府监管
            </div>
            <div class="code-name">.icon-zhengfujianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erji-zhengwuyun"></span>
            <div class="name">
              二级-政务云
            </div>
            <div class="code-name">.icon-erji-zhengwuyun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chouchajiancha"></span>
            <div class="name">
              抽查检查
            </div>
            <div class="code-name">.icon-chouchajiancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anjian"></span>
            <div class="name">
              案件
            </div>
            <div class="code-name">.icon-anjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiandao"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.icon-qiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyu"></span>
            <div class="name">
              教育
            </div>
            <div class="code-name">.icon-jiaoyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingcha"></span>
            <div class="name">
              警察
            </div>
            <div class="code-name">.icon-jingcha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzhang"></span>
            <div class="name">
              公章
            </div>
            <div class="code-name">.icon-gongzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifenguanli"></span>
            <div class="name">
              积分管理
            </div>
            <div class="code-name">.icon-jifenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianjie"></span>
            <div class="name">
              简介
            </div>
            <div class="code-name">.icon-jianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiancha"></span>
            <div class="name">
              检查
            </div>
            <div class="code-name">.icon-jiancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyi"></span>
            <div class="name">
              会议
            </div>
            <div class="code-name">.icon-huiyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shichangxinxiang"></span>
            <div class="name">
              市长信箱
            </div>
            <div class="code-name">.icon-shichangxinxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dangjian_banzijianshe"></span>
            <div class="name">
              党建_班子建设
            </div>
            <div class="code-name">.icon-dangjian_banzijianshe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieguojiancha"></span>
            <div class="name">
              结果检查
            </div>
            <div class="code-name">.icon-jieguojiancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyi1"></span>
            <div class="name">
              会议
            </div>
            <div class="code-name">.icon-huiyi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangtang"></span>
            <div class="name">
              讲堂
            </div>
            <div class="code-name">.icon-jiangtang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_home_duesstatistics"></span>
            <div class="name">
              党费统计
            </div>
            <div class="code-name">.icon-icon_home_duesstatistics
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-genjin"></span>
            <div class="name">
              跟进
            </div>
            <div class="code-name">.icon-genjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianguanfengkong1"></span>
            <div class="name">
              监管风控1
            </div>
            <div class="code-name">.icon-jianguanfengkong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben4"></span>
            <div class="name">
              文档输出
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben6"></span>
            <div class="name">
              待处理
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben8"></span>
            <div class="name">
              填写增加编辑
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben5"></span>
            <div class="name">
              页面刷新
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben10"></span>
            <div class="name">
              信息添加
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben3"></span>
            <div class="name">
              个人信息
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben2"></span>
            <div class="name">
              公告通知
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben16"></span>
            <div class="name">
              违章禁止
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben11"></span>
            <div class="name">
              内容错误
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben24"></span>
            <div class="name">
              数据看板
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben14"></span>
            <div class="name">
              公告信息
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben18"></span>
            <div class="name">
              婴儿
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben7"></span>
            <div class="name">
              信息列表
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben19"></span>
            <div class="name">
              企业老板领导
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben31"></span>
            <div class="name">
              奖杯星级评定
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben31
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben12"></span>
            <div class="name">
              文件盖章
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben22"></span>
            <div class="name">
              供应商
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben27"></span>
            <div class="name">
              功勋表彰
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben37"></span>
            <div class="name">
              楼房
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben37
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1"></span>
            <div class="name">
              填写
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben33"></span>
            <div class="name">
              公司企业楼房
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben33
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben35"></span>
            <div class="name">
              公司企业老板
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben35
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben9"></span>
            <div class="name">
              文件完成
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben34"></span>
            <div class="name">
              公司企业楼房
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben34
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben39"></span>
            <div class="name">
              政府
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben39
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben42"></span>
            <div class="name">
              活动旗帜
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben42
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben47"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben47
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben46"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben46
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben17"></span>
            <div class="name">
              数据输出
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben41"></span>
            <div class="name">
              毕业博士
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben41
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben29"></span>
            <div class="name">
              法律
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben29
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben36"></span>
            <div class="name">
              公司链接
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben36
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben32"></span>
            <div class="name">
              法律公平
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben25"></span>
            <div class="name">
              星级评定表彰
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben13"></span>
            <div class="name">
              通知公告
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben26"></span>
            <div class="name">
              功勋表彰
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben26
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben20"></span>
            <div class="name">
              多人众人
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben15"></span>
            <div class="name">
              打印内容
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben"></span>
            <div class="name">
              文档
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben28"></span>
            <div class="name">
              盖章
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben28
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben44"></span>
            <div class="name">
              查看眼睛
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben44
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben43"></span>
            <div class="name">
              说明注释
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben43
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben45"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben45
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben40"></span>
            <div class="name">
              毕业学历
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben40
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben30"></span>
            <div class="name">
              军人军属
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-1_huaban1fuben38"></span>
            <div class="name">
              政府大楼
            </div>
            <div class="code-name">.icon-a-weibiaoti-1_huaban1fuben38
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mulu"></span>
            <div class="name">
              目录
            </div>
            <div class="code-name">.icon-mulu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.icon-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinxingzhong"></span>
            <div class="name">
              进行中
            </div>
            <div class="code-name">.icon-jinxingzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshu"></span>
            <div class="name">
              实景酷-人数
            </div>
            <div class="code-name">.icon-renshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wancheng1"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.icon-wancheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faqiyanshou"></span>
            <div class="name">
              发起验收
            </div>
            <div class="code-name">.icon-faqiyanshou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangdan"></span>
            <div class="name">
              榜单2
            </div>
            <div class="code-name">.icon-bangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan1"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suoshuxiangcun"></span>
            <div class="name">
              所属乡村
            </div>
            <div class="code-name">.icon-suoshuxiangcun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaoguanli-dingdanguanli"></span>
            <div class="name">
              营销管理-订单管理
            </div>
            <div class="code-name">.icon-yingxiaoguanli-dingdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinfeng"></span>
            <div class="name">
              信封2
            </div>
            <div class="code-name">.icon-xinfeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhi2"></span>
            <div class="name">
              通知2
            </div>
            <div class="code-name">.icon-tongzhi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinfeng-kai-shi"></span>
            <div class="name">
              信封-开-实
            </div>
            <div class="code-name">.icon-xinfeng-kai-shi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinwen"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-xinwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuguanli"></span>
            <div class="name">
              任务管理
            </div>
            <div class="code-name">.icon-renwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuorenwu"></span>
            <div class="name">
              工作任务
            </div>
            <div class="code-name">.icon-gongzuorenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-WBS-jinru"></span>
            <div class="name">
              WBS-进入
            </div>
            <div class="code-name">.icon-WBS-jinru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquan1"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.icon-anquan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeiguanli"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishengfuwu"></span>
            <div class="name">
              提升服务
            </div>
            <div class="code-name">.icon-tishengfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangji"></span>
            <div class="name">
              3.0-相机
            </div>
            <div class="code-name">.icon-xiangji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianbao"></span>
            <div class="name">
              填报
            </div>
            <div class="code-name">.icon-tianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixing"></span>
            <div class="name">
              卫星
            </div>
            <div class="code-name">.icon-weixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav_client"></span>
            <div class="name">
              群众
            </div>
            <div class="code-name">.icon-nav_client
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwangguanicon-defuben-"></span>
            <div class="name">
              自治云
            </div>
            <div class="code-name">.icon-weiwangguanicon-defuben-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dangjianfupin"></span>
            <div class="name">
              党建扶贫
            </div>
            <div class="code-name">.icon-dangjianfupin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangyanglveying"></span>
            <div class="name">
              榜样掠影
            </div>
            <div class="code-name">.icon-bangyanglveying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianchongxing-"></span>
            <div class="name">
              印章
            </div>
            <div class="code-name">.icon-tianchongxing-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lvyoufabu"></span>
            <div class="name">
              旅游发布
            </div>
            <div class="code-name">.icon-lvyoufabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanghu"></span>
            <div class="name">
              防护
            </div>
            <div class="code-name">.icon-fanghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuzhihuanjingjiance"></span>
            <div class="name">
              物质环境监测
            </div>
            <div class="code-name">.icon-wuzhihuanjingjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunyingfenxi"></span>
            <div class="name">
              运营分析
            </div>
            <div class="code-name">.icon-yunyingfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-test"></span>
            <div class="name">
              Volunteer
            </div>
            <div class="code-name">.icon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquan"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.icon-anquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuchuli"></span>
            <div class="name">
              任务处理
            </div>
            <div class="code-name">.icon-renwuchuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zixun"></span>
            <div class="name">
              资讯
            </div>
            <div class="code-name">.icon-zixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuanganqi2"></span>
            <div class="name">
              传感器2
            </div>
            <div class="code-name">.icon-chuanganqi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiliaojiankang"></span>
            <div class="name">
              医疗健康
            </div>
            <div class="code-name">.icon-yiliaojiankang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiarehuoyan"></span>
            <div class="name">
              161加热、火焰
            </div>
            <div class="code-name">.icon-jiarehuoyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjizhenjumin"></span>
            <div class="name">
              城集镇居民
            </div>
            <div class="code-name">.icon-chengjizhenjumin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiqingfuwu"></span>
            <div class="name">
              疫情服务
            </div>
            <div class="code-name">.icon-yiqingfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinfang"></span>
            <div class="name">
              信访
            </div>
            <div class="code-name">.icon-xinfang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dubanshixiang"></span>
            <div class="name">
              督办事项
            </div>
            <div class="code-name">.icon-dubanshixiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinfangrenyuan"></span>
            <div class="name">
              信访人员
            </div>
            <div class="code-name">.icon-xinfangrenyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifenshangcheng"></span>
            <div class="name">
              积分商城1
            </div>
            <div class="code-name">.icon-jifenshangcheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zijinchiguijishezhi"></span>
            <div class="name">
              资金池归集设置
            </div>
            <div class="code-name">.icon-zijinchiguijishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdan"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.icon-dingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangpinguanli"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.icon-shangpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-2"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiye_mianxing"></span>
            <div class="name">
              企业_面性
            </div>
            <div class="code-name">.icon-qiye_mianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-energy-monitoring"></span>
            <div class="name">
              能耗监测
            </div>
            <div class="code-name">.icon-energy-monitoring
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuncha-shise"></span>
            <div class="name">
              巡查-实色
            </div>
            <div class="code-name">.icon-xuncha-shise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiye"></span>
            <div class="name">
              企业
            </div>
            <div class="code-name">.icon-qiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanjing"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.icon-yanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tool-cabinet_icon"></span>
            <div class="name">
              工具箱
            </div>
            <div class="code-name">.icon-tool-cabinet_icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gis_yizhangtuguanli"></span>
            <div class="name">
              gis_一张图管理
            </div>
            <div class="code-name">.icon-gis_yizhangtuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongjifenxi"></span>
            <div class="name">
              统计分析
            </div>
            <div class="code-name">.icon-tongjifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suishoupai"></span>
            <div class="name">
              随手拍
            </div>
            <div class="code-name">.icon-suishoupai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanshengchanxitong"></span>
            <div class="name">
              安全生产系统
            </div>
            <div class="code-name">.icon-anquanshengchanxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zixunguanli"></span>
            <div class="name">
              咨询管理
            </div>
            <div class="code-name">.icon-zixunguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuanguanli"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.icon-renyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shequguanli"></span>
            <div class="name">
              社区管理
            </div>
            <div class="code-name">.icon-shequguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zixunguanli1"></span>
            <div class="name">
              资讯管理
            </div>
            <div class="code-name">.icon-zixunguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-index"></span>
            <div class="name">
              首页-选中
            </div>
            <div class="code-name">.icon-index
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Clapatwill"></span>
            <div class="name">
              随手拍
            </div>
            <div class="code-name">.icon-Clapatwill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinwenguanli"></span>
            <div class="name">
              新闻管理
            </div>
            <div class="code-name">.icon-xinwenguanli
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbushixiang-xuanzhong"></use>
                </svg>
                <div class="name">全部事项-选中</div>
                <div class="code-name">#icon-quanbushixiang-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weichulidingdan"></use>
                </svg>
                <div class="name">未处理订单</div>
                <div class="code-name">#icon-weichulidingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinggao"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-jinggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-todo2"></use>
                </svg>
                <div class="name">待办事项-2</div>
                <div class="code-name">#icon-icon-todo2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weidaqia"></use>
                </svg>
                <div class="name">未打卡</div>
                <div class="code-name">#icon-weidaqia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yichuli"></use>
                </svg>
                <div class="name">已处理</div>
                <div class="code-name">#icon-yichuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weizhi"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#icon-weizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiahao1"></use>
                </svg>
                <div class="name">加号1</div>
                <div class="code-name">#icon-jiahao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipinbofang"></use>
                </svg>
                <div class="name">视频播放</div>
                <div class="code-name">#icon-shipinbofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrujiantouxiao"></use>
                </svg>
                <div class="name">进入箭头2小</div>
                <div class="code-name">#icon-jinrujiantouxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_zuoyouqiehuan"></use>
                </svg>
                <div class="name">箭头_左右切换</div>
                <div class="code-name">#icon-jiantou_zuoyouqiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiqingshenqingbiaodanfuzhi"></use>
                </svg>
                <div class="name">事情申请表单复制</div>
                <div class="code-name">#icon-shiqingshenqingbiaodanfuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-midutu"></use>
                </svg>
                <div class="name">密度图</div>
                <div class="code-name">#icon-midutu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuowenjian"></use>
                </svg>
                <div class="name">搜索文件</div>
                <div class="code-name">#icon-sousuowenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anjian1"></use>
                </svg>
                <div class="name">案件类型</div>
                <div class="code-name">#icon-anjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chartheat"></use>
                </svg>
                <div class="name">chartheat</div>
                <div class="code-name">#icon-chartheat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-relitu1"></use>
                </svg>
                <div class="name">热力图</div>
                <div class="code-name">#icon-relitu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-area"></use>
                </svg>
                <div class="name">面积</div>
                <div class="code-name">#icon-area</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongjian"></use>
                </svg>
                <div class="name">空间</div>
                <div class="code-name">#icon-kongjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuizhijuli"></use>
                </svg>
                <div class="name">垂直距离</div>
                <div class="code-name">#icon-chuizhijuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuipingjuli"></use>
                </svg>
                <div class="name">水平距离</div>
                <div class="code-name">#icon-shuipingjuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaoxing"></use>
                </svg>
                <div class="name">12三角形</div>
                <div class="code-name">#icon-sanjiaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinqing_juli"></use>
                </svg>
                <div class="name">引擎_距离</div>
                <div class="code-name">#icon-yinqing_juli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chizi1"></use>
                </svg>
                <div class="name">chizi</div>
                <div class="code-name">#icon-chizi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquan2"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#icon-anquan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquan11"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#icon-anquan11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-celiang"></use>
                </svg>
                <div class="name">测量</div>
                <div class="code-name">#icon-celiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chizi"></use>
                </svg>
                <div class="name">ruler</div>
                <div class="code-name">#icon-chizi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quantu"></use>
                </svg>
                <div class="name">全图</div>
                <div class="code-name">#icon-quantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-relitu"></use>
                </svg>
                <div class="name">热力图</div>
                <div class="code-name">#icon-relitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingchu"></use>
                </svg>
                <div class="name">清除</div>
                <div class="code-name">#icon-qingchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu"></use>
                </svg>
                <div class="name">底图</div>
                <div class="code-name">#icon-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-ditu"></use>
                </svg>
                <div class="name">icon-ditu</div>
                <div class="code-name">#icon-icon-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liangsuan"></use>
                </svg>
                <div class="name">量算</div>
                <div class="code-name">#icon-liangsuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaodu"></use>
                </svg>
                <div class="name">角度</div>
                <div class="code-name">#icon-jiaodu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_qingchu"></use>
                </svg>
                <div class="name">icon_qingchu</div>
                <div class="code-name">#icon-icon_qingchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaosousu"></use>
                </svg>
                <div class="name">列表搜素</div>
                <div class="code-name">#icon-liebiaosousu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mimasuo"></use>
                </svg>
                <div class="name">密码 锁</div>
                <div class="code-name">#icon-mimasuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoujihao"></use>
                </svg>
                <div class="name">手机号</div>
                <div class="code-name">#icon-shoujihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoce-paichusuo"></use>
                </svg>
                <div class="name">派出所</div>
                <div class="code-name">#icon-zuoce-paichusuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianduguanli"></use>
                </svg>
                <div class="name">jianduguanli</div>
                <div class="code-name">#icon-jianduguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zukuneiqiantubiao"></use>
                </svg>
                <div class="name">zuku</div>
                <div class="code-name">#icon-zukuneiqiantubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youeryuan"></use>
                </svg>
                <div class="name">幼儿园</div>
                <div class="code-name">#icon-youeryuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pashan"></use>
                </svg>
                <div class="name">爬山</div>
                <div class="code-name">#icon-pashan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-goodsppecategory"></use>
                </svg>
                <div class="name">产品类别设置 goods/ppe/category</div>
                <div class="code-name">#icon-goodsppecategory</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenfenma"></use>
                </svg>
                <div class="name">身份码</div>
                <div class="code-name">#icon-shenfenma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghujiluchaxun"></use>
                </svg>
                <div class="name">用户记录查询</div>
                <div class="code-name">#icon-yonghujiluchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changsuoma"></use>
                </svg>
                <div class="name">场所码</div>
                <div class="code-name">#icon-changsuoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-senlinhuozai"></use>
                </svg>
                <div class="name">森林火灾</div>
                <div class="code-name">#icon-senlinhuozai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huo"></use>
                </svg>
                <div class="name">火</div>
                <div class="code-name">#icon-huo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-unfold"></use>
                </svg>
                <div class="name">menu-unfold</div>
                <div class="code-name">#icon-menu-unfold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-fold"></use>
                </svg>
                <div class="name">menu-fold</div>
                <div class="code-name">#icon-menu-fold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-off-line"></use>
                </svg>
                <div class="name">eye-off-line</div>
                <div class="code-name">#icon-eye-off-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock-line"></use>
                </svg>
                <div class="name">lock-line</div>
                <div class="code-name">#icon-lock-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-line"></use>
                </svg>
                <div class="name">eye-line</div>
                <div class="code-name">#icon-eye-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-line"></use>
                </svg>
                <div class="name">user-line</div>
                <div class="code-name">#icon-user-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-settings--line"></use>
                </svg>
                <div class="name">settings-3-line</div>
                <div class="code-name">#icon-settings--line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete-bin--line"></use>
                </svg>
                <div class="name">delete-bin-4-line</div>
                <div class="code-name">#icon-delete-bin--line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-apps-line"></use>
                </svg>
                <div class="name">apps-line</div>
                <div class="code-name">#icon-apps-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-question-line"></use>
                </svg>
                <div class="name">question-line</div>
                <div class="code-name">#icon-question-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-brush--line"></use>
                </svg>
                <div class="name">brush-2-line</div>
                <div class="code-name">#icon-brush--line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close-line"></use>
                </svg>
                <div class="name">close-line</div>
                <div class="code-name">#icon-close-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exit-fullscreen"></use>
                </svg>
                <div class="name">exit-fullscreen</div>
                <div class="code-name">#icon-exit-fullscreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fullscreen"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-fullscreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-translate"></use>
                </svg>
                <div class="name">translate</div>
                <div class="code-name">#icon-translate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notification"></use>
                </svg>
                <div class="name">notification</div>
                <div class="code-name">#icon-notification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiban"></use>
                </svg>
                <div class="name">已办</div>
                <div class="code-name">#icon-yiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabuxuqiu"></use>
                </svg>
                <div class="name">发布需求</div>
                <div class="code-name">#icon-fabuxuqiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daiban_fill"></use>
                </svg>
                <div class="name">待办_fill</div>
                <div class="code-name">#icon-daiban_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daiban2-mianxing"></use>
                </svg>
                <div class="name">待办2-面性</div>
                <div class="code-name">#icon-daiban2-mianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-copyright"></use>
                </svg>
                <div class="name">copyright</div>
                <div class="code-name">#icon-copyright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meiyoudingdan-01"></use>
                </svg>
                <div class="name">没有订单</div>
                <div class="code-name">#icon-meiyoudingdan-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiye2"></use>
                </svg>
                <div class="name">企业2</div>
                <div class="code-name">#icon-qiye2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangwugongkai1"></use>
                </svg>
                <div class="name">党务公开1</div>
                <div class="code-name">#icon-dangwugongkai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiemugaikuang"></use>
                </svg>
                <div class="name">节目概况</div>
                <div class="code-name">#icon-jiemugaikuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">事件</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banjie"></use>
                </svg>
                <div class="name">办结</div>
                <div class="code-name">#icon-banjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyiyititibao"></use>
                </svg>
                <div class="name">会议议题提报</div>
                <div class="code-name">#icon-huiyiyititibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minsheng"></use>
                </svg>
                <div class="name">民生</div>
                <div class="code-name">#icon-minsheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banli-weixuanzhong3x"></use>
                </svg>
                <div class="name">档案办理</div>
                <div class="code-name">#icon-banli-weixuanzhong3x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiyourenkou"></use>
                </svg>
                <div class="name">实有人口</div>
                <div class="code-name">#icon-shiyourenkou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu_zhzl"></use>
                </svg>
                <div class="name">综合治理</div>
                <div class="code-name">#icon-menu_zhzl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu_swgs"></use>
                </svg>
                <div class="name">事务公示</div>
                <div class="code-name">#icon-menu_swgs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanyunhangtixibaogao"></use>
                </svg>
                <div class="name">安全运行体系报告</div>
                <div class="code-name">#icon-anquanyunhangtixibaogao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danganguanli-danganjieyong"></use>
                </svg>
                <div class="name">档案管理-档案借用</div>
                <div class="code-name">#icon-danganguanli-danganjieyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiwu"></use>
                </svg>
                <div class="name">植物</div>
                <div class="code-name">#icon-zhiwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duiji"></use>
                </svg>
                <div class="name">堆积</div>
                <div class="code-name">#icon-duiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baohugengdiyuyongjiujibennongtian"></use>
                </svg>
                <div class="name">保护：耕地与永久基本农田</div>
                <div class="code-name">#icon-baohugengdiyuyongjiujibennongtian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lishijilu"></use>
                </svg>
                <div class="name">历史记录</div>
                <div class="code-name">#icon-lishijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghu"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-yonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renkou"></use>
                </svg>
                <div class="name">人口</div>
                <div class="code-name">#icon-renkou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingcha1"></use>
                </svg>
                <div class="name">警察</div>
                <div class="code-name">#icon-jingcha1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujudaping"></use>
                </svg>
                <div class="name">数据大屏</div>
                <div class="code-name">#icon-shujudaping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaihushu"></use>
                </svg>
                <div class="name">开户数</div>
                <div class="code-name">#icon-kaihushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changzhu"></use>
                </svg>
                <div class="name">常驻</div>
                <div class="code-name">#icon-changzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_home_donation"></use>
                </svg>
                <div class="name">党员捐款</div>
                <div class="code-name">#icon-icon_home_donation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendang"></use>
                </svg>
                <div class="name">文档</div>
                <div class="code-name">#icon-wendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layers"></use>
                </svg>
                <div class="name">图层</div>
                <div class="code-name">#icon-layers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu17646"></use>
                </svg>
                <div class="name">督办</div>
                <div class="code-name">#icon-a-zu17646</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingjia"></use>
                </svg>
                <div class="name">请假</div>
                <div class="code-name">#icon-qingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanqi"></use>
                </svg>
                <div class="name">延期</div>
                <div class="code-name">#icon-yanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongshigongkai"></use>
                </svg>
                <div class="name">公示公开</div>
                <div class="code-name">#icon-gongshigongkai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qita"></use>
                </svg>
                <div class="name">其他</div>
                <div class="code-name">#icon-qita</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiandao1"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#icon-qiandao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yichangkaoqinliucheng-06"></use>
                </svg>
                <div class="name">异常考勤流程-06</div>
                <div class="code-name">#icon-yichangkaoqinliucheng-06</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shenpidating-kanbankegongyong"></use>
                </svg>
                <div class="name">审批大厅-看板（可公用）</div>
                <div class="code-name">#icon-a-shenpidating-kanbankegongyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-richangfeiyong"></use>
                </svg>
                <div class="name">日常费用</div>
                <div class="code-name">#icon-richangfeiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangfei"></use>
                </svg>
                <div class="name">党费</div>
                <div class="code-name">#icon-dangfei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-iconjingji"></use>
                </svg>
                <div class="name">icon／经济</div>
                <div class="code-name">#icon-a-iconjingji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengfujianguan"></use>
                </svg>
                <div class="name">政府监管</div>
                <div class="code-name">#icon-zhengfujianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erji-zhengwuyun"></use>
                </svg>
                <div class="name">二级-政务云</div>
                <div class="code-name">#icon-erji-zhengwuyun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chouchajiancha"></use>
                </svg>
                <div class="name">抽查检查</div>
                <div class="code-name">#icon-chouchajiancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anjian"></use>
                </svg>
                <div class="name">案件</div>
                <div class="code-name">#icon-anjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiandao"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#icon-qiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyu"></use>
                </svg>
                <div class="name">教育</div>
                <div class="code-name">#icon-jiaoyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingcha"></use>
                </svg>
                <div class="name">警察</div>
                <div class="code-name">#icon-jingcha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzhang"></use>
                </svg>
                <div class="name">公章</div>
                <div class="code-name">#icon-gongzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifenguanli"></use>
                </svg>
                <div class="name">积分管理</div>
                <div class="code-name">#icon-jifenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianjie"></use>
                </svg>
                <div class="name">简介</div>
                <div class="code-name">#icon-jianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiancha"></use>
                </svg>
                <div class="name">检查</div>
                <div class="code-name">#icon-jiancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyi"></use>
                </svg>
                <div class="name">会议</div>
                <div class="code-name">#icon-huiyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shichangxinxiang"></use>
                </svg>
                <div class="name">市长信箱</div>
                <div class="code-name">#icon-shichangxinxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangjian_banzijianshe"></use>
                </svg>
                <div class="name">党建_班子建设</div>
                <div class="code-name">#icon-dangjian_banzijianshe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieguojiancha"></use>
                </svg>
                <div class="name">结果检查</div>
                <div class="code-name">#icon-jieguojiancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyi1"></use>
                </svg>
                <div class="name">会议</div>
                <div class="code-name">#icon-huiyi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangtang"></use>
                </svg>
                <div class="name">讲堂</div>
                <div class="code-name">#icon-jiangtang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_home_duesstatistics"></use>
                </svg>
                <div class="name">党费统计</div>
                <div class="code-name">#icon-icon_home_duesstatistics</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-genjin"></use>
                </svg>
                <div class="name">跟进</div>
                <div class="code-name">#icon-genjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianguanfengkong1"></use>
                </svg>
                <div class="name">监管风控1</div>
                <div class="code-name">#icon-jianguanfengkong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben4"></use>
                </svg>
                <div class="name">文档输出</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben6"></use>
                </svg>
                <div class="name">待处理</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben8"></use>
                </svg>
                <div class="name">填写增加编辑</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben5"></use>
                </svg>
                <div class="name">页面刷新</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben10"></use>
                </svg>
                <div class="name">信息添加</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben3"></use>
                </svg>
                <div class="name">个人信息</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben2"></use>
                </svg>
                <div class="name">公告通知</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben16"></use>
                </svg>
                <div class="name">违章禁止</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben11"></use>
                </svg>
                <div class="name">内容错误</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben24"></use>
                </svg>
                <div class="name">数据看板</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben14"></use>
                </svg>
                <div class="name">公告信息</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben18"></use>
                </svg>
                <div class="name">婴儿</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben7"></use>
                </svg>
                <div class="name">信息列表</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben19"></use>
                </svg>
                <div class="name">企业老板领导</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben31"></use>
                </svg>
                <div class="name">奖杯星级评定</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben31</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben12"></use>
                </svg>
                <div class="name">文件盖章</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben22"></use>
                </svg>
                <div class="name">供应商</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben27"></use>
                </svg>
                <div class="name">功勋表彰</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben37"></use>
                </svg>
                <div class="name">楼房</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben37</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1"></use>
                </svg>
                <div class="name">填写</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben33"></use>
                </svg>
                <div class="name">公司企业楼房</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben33</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben35"></use>
                </svg>
                <div class="name">公司企业老板</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben35</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben9"></use>
                </svg>
                <div class="name">文件完成</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben34"></use>
                </svg>
                <div class="name">公司企业楼房</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben34</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben39"></use>
                </svg>
                <div class="name">政府</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben39</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben42"></use>
                </svg>
                <div class="name">活动旗帜</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben42</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben47"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben47</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben46"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben46</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben17"></use>
                </svg>
                <div class="name">数据输出</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben41"></use>
                </svg>
                <div class="name">毕业博士</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben41</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben29"></use>
                </svg>
                <div class="name">法律</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben29</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben36"></use>
                </svg>
                <div class="name">公司链接</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben36</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben32"></use>
                </svg>
                <div class="name">法律公平</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben25"></use>
                </svg>
                <div class="name">星级评定表彰</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben13"></use>
                </svg>
                <div class="name">通知公告</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben26"></use>
                </svg>
                <div class="name">功勋表彰</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben26</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben20"></use>
                </svg>
                <div class="name">多人众人</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben15"></use>
                </svg>
                <div class="name">打印内容</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben"></use>
                </svg>
                <div class="name">文档</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben28"></use>
                </svg>
                <div class="name">盖章</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben28</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben44"></use>
                </svg>
                <div class="name">查看眼睛</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben44</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben43"></use>
                </svg>
                <div class="name">说明注释</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben43</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben45"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben45</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben40"></use>
                </svg>
                <div class="name">毕业学历</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben40</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben30"></use>
                </svg>
                <div class="name">军人军属</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-1_huaban1fuben38"></use>
                </svg>
                <div class="name">政府大楼</div>
                <div class="code-name">#icon-a-weibiaoti-1_huaban1fuben38</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mulu"></use>
                </svg>
                <div class="name">目录</div>
                <div class="code-name">#icon-mulu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#icon-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinxingzhong"></use>
                </svg>
                <div class="name">进行中</div>
                <div class="code-name">#icon-jinxingzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renshu"></use>
                </svg>
                <div class="name">实景酷-人数</div>
                <div class="code-name">#icon-renshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wancheng1"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#icon-wancheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faqiyanshou"></use>
                </svg>
                <div class="name">发起验收</div>
                <div class="code-name">#icon-faqiyanshou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangdan"></use>
                </svg>
                <div class="name">榜单2</div>
                <div class="code-name">#icon-bangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan1"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suoshuxiangcun"></use>
                </svg>
                <div class="name">所属乡村</div>
                <div class="code-name">#icon-suoshuxiangcun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingxiaoguanli-dingdanguanli"></use>
                </svg>
                <div class="name">营销管理-订单管理</div>
                <div class="code-name">#icon-yingxiaoguanli-dingdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinfeng"></use>
                </svg>
                <div class="name">信封2</div>
                <div class="code-name">#icon-xinfeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhi2"></use>
                </svg>
                <div class="name">通知2</div>
                <div class="code-name">#icon-tongzhi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinfeng-kai-shi"></use>
                </svg>
                <div class="name">信封-开-实</div>
                <div class="code-name">#icon-xinfeng-kai-shi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinwen"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-xinwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwuguanli"></use>
                </svg>
                <div class="name">任务管理</div>
                <div class="code-name">#icon-renwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuorenwu"></use>
                </svg>
                <div class="name">工作任务</div>
                <div class="code-name">#icon-gongzuorenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-WBS-jinru"></use>
                </svg>
                <div class="name">WBS-进入</div>
                <div class="code-name">#icon-WBS-jinru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquan1"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#icon-anquan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishengfuwu"></use>
                </svg>
                <div class="name">提升服务</div>
                <div class="code-name">#icon-tishengfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangji"></use>
                </svg>
                <div class="name">3.0-相机</div>
                <div class="code-name">#icon-xiangji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianbao"></use>
                </svg>
                <div class="name">填报</div>
                <div class="code-name">#icon-tianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixing"></use>
                </svg>
                <div class="name">卫星</div>
                <div class="code-name">#icon-weixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav_client"></use>
                </svg>
                <div class="name">群众</div>
                <div class="code-name">#icon-nav_client</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwangguanicon-defuben-"></use>
                </svg>
                <div class="name">自治云</div>
                <div class="code-name">#icon-weiwangguanicon-defuben-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangjianfupin"></use>
                </svg>
                <div class="name">党建扶贫</div>
                <div class="code-name">#icon-dangjianfupin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangyanglveying"></use>
                </svg>
                <div class="name">榜样掠影</div>
                <div class="code-name">#icon-bangyanglveying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianchongxing-"></use>
                </svg>
                <div class="name">印章</div>
                <div class="code-name">#icon-tianchongxing-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lvyoufabu"></use>
                </svg>
                <div class="name">旅游发布</div>
                <div class="code-name">#icon-lvyoufabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanghu"></use>
                </svg>
                <div class="name">防护</div>
                <div class="code-name">#icon-fanghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuzhihuanjingjiance"></use>
                </svg>
                <div class="name">物质环境监测</div>
                <div class="code-name">#icon-wuzhihuanjingjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunyingfenxi"></use>
                </svg>
                <div class="name">运营分析</div>
                <div class="code-name">#icon-yunyingfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-test"></use>
                </svg>
                <div class="name">Volunteer</div>
                <div class="code-name">#icon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquan"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#icon-anquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwuchuli"></use>
                </svg>
                <div class="name">任务处理</div>
                <div class="code-name">#icon-renwuchuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zixun"></use>
                </svg>
                <div class="name">资讯</div>
                <div class="code-name">#icon-zixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuanganqi2"></use>
                </svg>
                <div class="name">传感器2</div>
                <div class="code-name">#icon-chuanganqi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiliaojiankang"></use>
                </svg>
                <div class="name">医疗健康</div>
                <div class="code-name">#icon-yiliaojiankang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiarehuoyan"></use>
                </svg>
                <div class="name">161加热、火焰</div>
                <div class="code-name">#icon-jiarehuoyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengjizhenjumin"></use>
                </svg>
                <div class="name">城集镇居民</div>
                <div class="code-name">#icon-chengjizhenjumin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiqingfuwu"></use>
                </svg>
                <div class="name">疫情服务</div>
                <div class="code-name">#icon-yiqingfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinfang"></use>
                </svg>
                <div class="name">信访</div>
                <div class="code-name">#icon-xinfang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dubanshixiang"></use>
                </svg>
                <div class="name">督办事项</div>
                <div class="code-name">#icon-dubanshixiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinfangrenyuan"></use>
                </svg>
                <div class="name">信访人员</div>
                <div class="code-name">#icon-xinfangrenyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifenshangcheng"></use>
                </svg>
                <div class="name">积分商城1</div>
                <div class="code-name">#icon-jifenshangcheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zijinchiguijishezhi"></use>
                </svg>
                <div class="name">资金池归集设置</div>
                <div class="code-name">#icon-zijinchiguijishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdan"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#icon-dingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangpinguanli"></use>
                </svg>
                <div class="name">商品管理</div>
                <div class="code-name">#icon-shangpinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-2"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiye_mianxing"></use>
                </svg>
                <div class="name">企业_面性</div>
                <div class="code-name">#icon-qiye_mianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-energy-monitoring"></use>
                </svg>
                <div class="name">能耗监测</div>
                <div class="code-name">#icon-energy-monitoring</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuncha-shise"></use>
                </svg>
                <div class="name">巡查-实色</div>
                <div class="code-name">#icon-xuncha-shise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiye"></use>
                </svg>
                <div class="name">企业</div>
                <div class="code-name">#icon-qiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanjing"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#icon-yanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tool-cabinet_icon"></use>
                </svg>
                <div class="name">工具箱</div>
                <div class="code-name">#icon-tool-cabinet_icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gis_yizhangtuguanli"></use>
                </svg>
                <div class="name">gis_一张图管理</div>
                <div class="code-name">#icon-gis_yizhangtuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjifenxi"></use>
                </svg>
                <div class="name">统计分析</div>
                <div class="code-name">#icon-tongjifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suishoupai"></use>
                </svg>
                <div class="name">随手拍</div>
                <div class="code-name">#icon-suishoupai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanshengchanxitong"></use>
                </svg>
                <div class="name">安全生产系统</div>
                <div class="code-name">#icon-anquanshengchanxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zixunguanli"></use>
                </svg>
                <div class="name">咨询管理</div>
                <div class="code-name">#icon-zixunguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanguanli"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#icon-renyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shequguanli"></use>
                </svg>
                <div class="name">社区管理</div>
                <div class="code-name">#icon-shequguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zixunguanli1"></use>
                </svg>
                <div class="name">资讯管理</div>
                <div class="code-name">#icon-zixunguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-index"></use>
                </svg>
                <div class="name">首页-选中</div>
                <div class="code-name">#icon-index</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#icon-yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Clapatwill"></use>
                </svg>
                <div class="name">随手拍</div>
                <div class="code-name">#icon-Clapatwill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinwenguanli"></use>
                </svg>
                <div class="name">新闻管理</div>
                <div class="code-name">#icon-xinwenguanli</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
